{% extends "base.html" %}
{% block title %}yourhost开放平台 - 接入yourhost！{% endblock %}

{% block content %}
<div id="root">
    <div class="app-body-main">
        <div class="app-main-box">
            {% include "_app_header.html" %}
            <div class="ant-spin-nested-loading">
                <div class="ant-spin-container">
                    <div class="app-main-content tt">
                        <div class="home">
                            <div class="banner-layout">
                                <div class="banner">
                                    <div class="ant-carousel">
                                        <div class="slick-slider slick-initialized" dir="ltr">
                                            <div class="slick-list">
                                                <div class="slick-track"
                                                     style="width: 13453px; opacity: 1; transform: translate3d(0px, 0px, 0px);">
                                                    <div data-index="0" class="slick-slide slick-active slick-current"
                                                         tabindex="-1" aria-hidden="false"
                                                         style="outline: none; width: 1223px;">
                                                        <div>
                                                            <div class="banner-item" tabindex="-1"
                                                                 style="width: 100%; display: inline-block;">
                                                                <div class="layout-content">
                                                                    <div class="home-core"><h1>快速接入音频内容</h1>
                                                                        <h1></h1>
                                                                        <h2>接入yourhost音频云 用声音连接世界</h2>
                                                                        <button class="home-submit-btn link-other">
                                                                            点击了解详情 &gt;
                                                                        </button>
                                                                    </div>
                                                                </div>
                                                                <div class="pic"><img class="bg"
                                                                                      src="/static/images/banner1.png"
                                                                                      alt="yourhost音频，开放平台，音频接入，音频开放，音频播放器，yourhost合作">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <ul class="slick-dots" style="display: block;">
                                                <li class="slick-active">
                                                    <button>1</button>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="join-us"><h2 class="tip">成为我们的合作伙伴</h2>
                                <div class="register">
                                    <ul>
                                        <li>
                                            <div><span>1</span>注册认证</div>
                                            <p>注册企业／个人开发者<br>根据要求完善开发者信息</p></li>
                                        <li><i class="iconfont icon-progress"></i></li>
                                        <li>
                                            <div><span>2</span>签署协议</div>
                                            <p class="second-p">在线签署<br>平台服务协议</p></li>
                                        <li><i class="iconfont icon-progress"></i></li>
                                        <li>
                                            <div><span>3</span>平台使用</div>
                                            <p class="third-p">即刻接入<br>海量内容与平台服务</p></li>
                                    </ul>
                                </div>
                                <a id="tj_bd_home_enter" href="javascript:;">立即入驻</a></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer long">
                <div class="part-service clearfix">
                    <dl class="sub-container">
                        <dt>平台服务支持</dt>
                        <dd><a href="javascript:;">开发文档</a><a href="javascript:;">帮助支持</a><a
                                href="javascript:;">合作洽谈</a></dd>
                    </dl>
                    <dl class="sub-container">
                        <dt>合作与服务</dt>
                        <dd><a href="#" rel="nofollow me noopener noreferrer">yourhost智能</a>
                            <a href="#" rel="nofollow me noopener noreferrer">在线教育平台</a>
                            <a href="#" rel="nofollow me noopener noreferrer">校园版</a>
                        </dd>
                    </dl>
                    <dl class="sub-container">
                        <dt>App下载</dt>
                        <dd class="app-download clearfix"><a class="download-btn ios"
                                                             href="#"
                                                             rel="nofollow me noopener noreferrer"><i
                                class="iconfont icon-ios"></i><span class="text">iPhone</span></a><a
                                class="download-btn android" href="#"
                                rel="nofollow me noopener noreferrer"><i
                                class="iconfont icon-android"></i><span class="text">Android</span></a></dd>
                    </dl>
                </div>

                {% include '_app_footer.html' %}
            </div>
        </div>
    </div>
</div>
</div>

{% endblock %}